<template>
  <div class="mobileStep2">
    <h1>是否被困扰了?</h1>
    <ul class="item">
      <li class="bord1">
        <!-- <p>补完单发货，快递成本太高？</p> -->
      </li>
      <li class="bord2">
        <p>赠品采购量小成本高、还占仓库？</p>
      </li>
      <li class="bord3">
        <p>仓库人员一大堆，成本高、效率低？</p>
      </li>
      <li class="bord4">
        <!-- <p>选择虚拟单号，没重量，被降权？</p> -->
      </li>
    </ul>
    <img class="backgroundImg" :src="h5_2" alt="bg2">
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'mobileStep2',
  data () {
    return {
      h5_2: require('@/assets/images/mobile/h5_2.png')
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.mobileStep2
  transition all 0.6s
  position absolute
  top 0
  left 0
  width 100%
  height 100%
  overflow hidden
  box-sizing border-box
  .backgroundImg
    position absolute
    bottom 0
    right 0
    left 0
    margin 0 auto
    min-width 100%
    height 100%
    z-index -1
  h1
    font-size 3.1rem
    line-height 4.3rem
    color #ffffff
    margin-top 7.4rem
    text-align center
    margin-bottom 2.7rem
  .item
    display flex
    flex-direction column
    li
      margin-bottom 2.2rem
      display flex
      justify-content center
      align-items center
      height 3.8rem
      line-height 3.8rem
      position relative
      p
        height 3.4rem
        line-height 3.4rem
        border-radius 5px
        background #D7547F
        color #ffffff
        font-size 1.5rem
        padding 0 1rem 0 3rem
        position relative
        &:before
          content ''
          position absolute
          left -1rem
          top 0
          bottom 0
          margin auto 0
          width 3.8rem
          height 3.8rem
          background url('../../../assets/images/mobile/头像.png') no-repeat
          background-size 100% 100%
    .bord1
      p
        position absolute
        right 0.7rem
    .bord2
      margin-bottom 4rem
      p
        position absolute
        left 2.6rem
    .bord3
      p
        position absolute
        right 0.7rem
    .bord4
      p
        position absolute
        right -0.7rem
</style>
